<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <link rel="stylesheet" href="stylesheets/reset.css">
    <link rel="stylesheet" href="/stylesheets/theme.css">
    <link rel="stylesheet" href="/iconfont/iconfont.css">
    <script src="/javascripts/jquery-3.4.1.js"></script>


    <title>Document</title>
    <style>
        h1 {
            font-size: 30px;
            text-align: center;
            margin: 30px auto;
        }

        .back-wrapper {
            border-radius: 50%;
            padding: 2vmax;
            position: absolute;
            right: 1vw;
            top: 1vh;
            background: linear-gradient(to bottom right, #00bcd4, #7ef1ff);
            text-align: center;
            vertical-align: middle;
            box-shadow: #cccccc 1px 1px 4px;
        }

        .back-wrapper i {
            font-size: 3vmax;
            color: #fff;
        }

        .content-container {
            margin: 10vh 5vw;
            box-shadow: #cccccc 1px 1px 4px;
            background: #fff;
            border-radius: 2%;
            padding: 1vh 1vw;


        }


    </style>
</head>

<body>
    <a href="/"><div class="back-wrapper"><i class="iconfont">&#xe605;</i></div></a>
    <div class="content-container">
        <p><%= todo.content %></p>
        <p><%= todo.pubDate.getFullYear() + " 年 " + todo.pubDate.getMonth() +" 月 " + todo.pubDate.getDate() +" 日 "%></p>
    </div>
</body>

</html>